@headerTextColor: #515a6e;

// .main-header,
// .logo-con {
//     background-color: #202226;
//     // height: 44px;
// }

.logo-con {
  overflow: hidden;

  .show-logo {
    width: 248px;
    margin: 0px 0;
    height: 44px;
  }

  .logo-img {
    background: url(../asset/images/logo_digital_black.png) no-repeat;
    background-size: 60%;
    background-position: 20px 9px;
  }

  .logo-img-min {
    width: 28px;
    height: 28px;
    margin: 10px 9px 3px 17px;
    background: url(../asset/images/logo-min.png) no-repeat center center;
    background-size: 100% 100%;
  }
}

.main-header .header-avator-con .user-dropdown-menu-con .main-user-name {
  vertical-align: baseline;
}

.user-dropdown-menu-con {
  .main-user-name {
    color: @headerTextColor;
  }

  .ivu-icon-md-person {
    cursor: pointer;

    &:before {
      content: "\F38D";
      font-size: 30px;
      color: @headerTextColor;
    }
  }
}
.header-logo-con {
  .show-logo{
    width: 180px;
    img{
      height: 27px;
    }
  }
}
// .app-main .side-menu li a {
//     color: @headerTextColor;
// }

.ivu-breadcrumb {
  color: @headerTextColor;

  // &>span:last-child {
  //     color: @headerTextColor;
  // }
}

.navicon-con {
  .ivu-btn:hover {
    background-color: transparent;
  }

  .ivu-icon-ios-menu::before {
    content: "\F33A";
  }
}

.main-hide-text .navicon-con .ivu-icon-ios-menu::before {
  content: "\F33B";
}

// 弹框的-选择框和查询重置按钮样式
.core-modal {
  .search-bar {
    // 选择框
    div:first-child {
      margin-right: 0px !important;
      .ivu-form {
        padding: 0 !important;
        .ivu-form-item {
          margin-right: 0px !important;
          .ivu-form-item-label {
            font-family: PingFangSC-Regular !important;
            font-size: 14px !important;
            color: #333 !important;
          }
          .ivu-form-item-content {
            padding-left: 14px !important;
            margin-right: 40px !important;
          }
        }
      }
    }
  }
  // 查询和重置按钮
  .run-search-bar > div:last-child {
    margin-top: 10px !important;
  }
}

// 表单 + 选择按钮
.form-choice-wrap {
  display: flex;
  .select-btn {
    margin-left: 10px;
    font-size: 14px;
    border-radius: 0;
    height: 34px;
    padding: 3px 9px;
  }
}

// 由于InnerPageTable的高度是通过 JS 监听计算出来，当 组件内的 搜索区域抽离到与 组件平级时，计算高度出现问题。此处样式解决该组件的计算高度问题
.innerPageTable-out-flex {
  display: flex;
  flex-direction: column;
}
.ivu-input {
  border-radius: 0 !important;
}
.history-box {
  .ivu-select .ivu-select-dropdown {
    width: inherit;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    .ivu-select-item {
      padding: 6px 12px;
      font-size: 12px !important;
      overflow-x: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
  .history-box-form.self-adaption-wrap {
    .self-adaption-flex {
      .ivu-form-inline {
        .ivu-form-item {
          .ivu-form-item-label {
            flex-shrink: 0 !important;
          }
          .ivu-form-item-content {
            width: calc(100% - 70px) !important;
          }
        }
      }
    }
  }
}
.ivu-btn {
  .ivu-load-loop {
    transform-origin: 50% calc(50% - 1.5px);
    line-height: 1!important;
  }
}

